<template>
	<a-avatar :imageUrl="url" :style="{ background: sex === 1 ? '#7bc0fc' : '#e972ad' }" :size="size">
		{{ isFirst ? getPinYin(name) : name }}
		<slot></slot>
	</a-avatar>
</template>
<script lang="ts" setup>
defineProps({
    url:{ type:String, default: () => { return '' }}, // 头像图片地址
    name:{ type:String, default: () => { return '' }}, //名字
    sex:{ type: Number, default: () => { return 1 } }, // 1男 2女
    size:{ type:Number, default: () => { return 24 }}, // 头像大小
    isFirst:{ type: Boolean, default: () => { return false } }, // 文字是否截取第一位
})
import { getPinYin } from '@/utils/index';
</script>
